<template>
  <div class="header-btn-container">
    <hover-container tooltip-content="刷新">
      <div class="flex-between" style="width: 40px">
        <n-icon
          style="cursor: pointer"
          size="24"
          @click="reloadPage"
          :component="RefreshSharp"
        />
      </div>
    </hover-container>
  </div>
</template>

<script lang="ts" setup>
import { RefreshSharp } from "@vicons/ionicons5";
import { vHeaderEvent } from "@/layouts/Header/VHeaderEvent";
import HoverContainer from "@/components/Common/HoverContainer.vue";

// 刷新页面
const { reloadPage } = vHeaderEvent();
</script>

<style scoped></style>
